<% for(var i=0; i<this.quartersNumber;i++){ %>
	<div id="slide-<%=i %>" class="slide"
			<%= (el)->$(el).css('height',$(window).height())%> 
			<%= (el)->$(el).css('padding-top',($(window).height()-420)/2)%>
			<%= (el)->$(el).css('left',($(window).width()-550)/2)%> 
			<%= (el)->$('#nav').append('<li><a href="#'+$(el).attr("id")+'" title="Next section"></a></li>') %>
	>
		<div id="quarter-<%= i %>" class="quarter"
			<%= (el)->$(el).css('width',this.columns*this.columnWidth) %>
		>
				 <%== can.view.render('js/app/view/PlaceholderNoItems.ejs',this.rows*this.columns) %>
		</div>
	</div>
<% } %>

<div class="quarter panel"
	<%= (el)->$(el).css('height',$(window).height()) %>
>
	<% for(var i=0;i<4;i++){ %>
		<div class="item"
			<%= (el)->$(el).css('height',$(window).height()/4-3) %>
		>
			<div class="rotate"
					<%= (el)->$(el).css('top',$(window).height()/8-10) %>
			>test</div>
		</div>
	<% } %>
</div>